// 计分面板
class ScorePanel {
    // 定义默认的变量
    score = 0;
    level = 1;
    // 计分上的元素
    elemScore: HTMLElement;
    elemLevel: HTMLElement;

    // 定义升级的最大限制和每多少级升一次
    maxLevel: number;
    upScore: number;
    constructor(maxLevel: number = 10, upScore: number = 10) {
        // 获取元素
        this.elemScore = document.getElementById('score')!;
        this.elemLevel = document.getElementById('level')!;

        // 传进来的默认值
        this.maxLevel = maxLevel;
        this.upScore = upScore;
    }

    // 分数增加
    addScore() {
        // 对分数进行增加
        this.elemScore.innerHTML = ++this.score + '';
        // 分数升级 -> 等级增加
        if (this.score % this.upScore === 0) {
            this.levelUp();
        }
    }

    // 升级
    levelUp() {
        // 控制升级的最大范围
        if (this.level < this.maxLevel) {
            this.elemLevel.innerHTML = ++this.level + ''
        }

    }

}
export default ScorePanel;